import Vue from 'vue'
import App from './App'
import router from './router'
import axios from 'axios'
import store from './store/'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'    // 默认主题
// import '../static/css/theme-green/index.css'       // 浅绿色主题
import '../static/css/icon.css'
import "babel-polyfill"

Vue.use(ElementUI, { size: 'small' })
axios.defaults.withCredentials = true
Vue.prototype.$axios = axios

//使用钩子函数对路由进行权限跳转
router.beforeEach((to, from, next) => {
    let role = window.localStorage.getItem('JYJusername'),
        isLogin = window.localStorage.getItem('hasLogin')
    if(!role && to.path !== '/login'){
        next('/login')
    }else if(to.meta.permission){
        // 如果是管理员权限则可进入，这里只是简单的模拟管理员权限而已
        role === 'admin' ? next() : next('/403')
    }else{
        next()
    }
})

// 刷新 更新状态库的状态
let userData = window.localStorage.getItem('JYJLoginData')
if (userData != null && userData != '' && userData != undefined) {
    store.state.userInfo = JSON.parse(userData)
    store.state.hasLogin = true
}


new Vue({
    router,
    store,
    render: h => h(App)
}).$mount('#app')